Global Index
HTML5 JS API Index > SVG Tutorials & Specs

SVGTransform

Properties
const unsigned short
SVG_TRANSFORM_MATRIX = 1
A 'matrix(…)' transformation.
const unsigned short
SVG_TRANSFORM_ROTATE = 4
A 'rotate(…)' transformation.
const unsigned short
SVG_TRANSFORM_SCALE = 3
A 'scale(…)' transformation.
const unsigned short
SVG_TRANSFORM_SKEWX = 5
A 'skewX(…)' transformation.
const unsigned short
SVG_TRANSFORM_SKEWY = 6
A 'skewY(…)' transformation.
const unsigned short
SVG_TRANSFORM_TRANSLATE = 2
A 'translate(…)' transformation.
const unsigned short
SVG_TRANSFORM_UNKNOWN = 0
The unit type is not one of predefined types. It is invalid to attempt to define a new value of this type or to attempt to switch an existing value to this type.
float
angle
A convenience attribute for SVG_TRANSFORM_ROTATE, SVG_TRANSFORM_SKEWX and SVG_TRANSFORM_SKEWY. It holds the angle that was specified. For SVG_TRANSFORM_MATRIX, SVG_TRANSFORM_TRANSLATE and SVG_TRANSFORM_SCALE, angle will be zero.
SVGMatrix
matrix
The matrix that represents this transformation. The matrix object is live, meaning that any changes made to the SVGTransform object are immediately reflected in the matrix object and vice versa. In case the matrix object is changed directly (i.e., without using the methods on the SVGTransform interface itself) then the type of the SVGTransform changes to SVG_TRANSFORM_MATRIX.
unsigned short
type
Corresponds to attribute ‘type’ on the given element. Exceptions on settingDOMException, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt to change the value of a read only attribute.
Operations
void
setMatrix(SVGMatrix matrix)
Sets the transform type to SVG_TRANSFORM_MATRIX, with parameter matrix defining the new transformation. The values from the parameter matrix are copied, the matrix parameter does not replace SVGTransform::matrix. ParametersSVGMatrix matrix The new matrix for the transformation.
void
setRotate(float angle, float cx, float cy)
Sets the transform type to SVG_TRANSFORM_ROTATE, with parameter angle defining the rotation angle and parameters cx and cy defining the optional center of rotation. Parametersfloat angle The rotation angle. float cx The x coordinate of center of rotation.
void
setScale(float sx, float sy)
Sets the transform type to SVG_TRANSFORM_SCALE, with parameters sx and sy defining the scale amounts. Parametersfloat sx The scale amount in X. float sy The scale amount in Y. ExceptionsDOMException, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt to change the value of a read only attribute.
void
setSkewX(float angle)
Sets the transform type to SVG_TRANSFORM_SKEWX, with parameter angle defining the amount of skew. Parametersfloat angle The skew angle. ExceptionsDOMException, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt to change the value of a read only attribute.
void
setSkewY(float angle)
Sets the transform type to SVG_TRANSFORM_SKEWY, with parameter angle defining the amount of skew. Parametersfloat angle The skew angle. ExceptionsDOMException, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt to change the value of a read only attribute.
void
setTranslate(float tx, float ty)
Sets the transform type to SVG_TRANSFORM_TRANSLATE, with parameters tx and ty defining the translation amounts. Parametersfloat tx The translation amount in X. float ty The translation amount in Y. ExceptionsDOMException, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt to change the value of a read only attribute.
Referenced by
SVGSVGElementcreateSVGTransformFromMatrix(...)
SVGTransformListreplaceItem(...)